<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极速问诊</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
    <!-- 头部区域 -->
    <div class="title wrapper">
        <a href="#"><i class="iconfont icon-left"></i></a>
        <h1>极速问诊</h1>
        <a class="record" href="#">问诊记录</a>
    </div>
    <!-- 主体区域 -->
    <div class="main wrapper">
        <img src="./assets/entry.png" alt="">
        <p><span>20s</span> 快速匹配专业医生</p>
    </div>
    <!-- 导航区域 -->
    <div class="nav wrapper">
        <ul>
            <li>
                <a href="#">
                    <div class="nav_info">
                        <img src="./assets/type01.png" alt="">
                        <div>
                            <h2>三甲图文问诊</h2>
                            <p>三甲主治及以上级别医生</p>
                        </div>
                    </div>
                    <i class="iconfont icon-right"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="nav_info">
                        <img src="./assets/type02.png" alt="">
                        <div>
                            <h2>普通图文问诊</h2>
                            <p>二甲主治医生以上级别医生</p>
                        </div>
                    </div>
                    <i class="iconfont icon-right"></i>
                </a>
            </li>
        </ul>
    </div>
    <script src="./js/flexible.js"></script>
</body>

</html>